<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<title>控制台-${siteName }</title>
<jsp:include page="../common/head.jsp"></jsp:include>
<style>
.h-20 {
	height: 20px;
}
</style>
</head>
<body>

	<div class="am-g">
		<div class="am-u-sm-12">
			<p class="am-text"></p>
			<p id="remind" class="am-text-success">正在连接串口控制程序：</p>
			<p id="warning" class="am-text-warning"></p>
		</div>
	</div>
	<div class="am-g">
		<div class="am-u-sm-12">
			<hr>
			<div id="alert-modal" class="am-modal am-modal-no-btn" tabindex="-1">
				<div class="am-modal-dialog">
					<div class="am-modal-hd">
						提示 <a href="javascript: void(0)" class="am-close am-close-spin"
							data-am-modal-close>&times;</a>
					</div>
					<div id="alert-modal-bd" class="am-modal-bd"></div>
				</div>
			</div>
		</div>
	</div>
	<!-- 主体开始 -->
	<div class="am-g">
		<div class="am-u-sm-6 am-u-md-4 am-u-lg-2" style="margin-bottom:20px;">
			<select id="select-port" data-am-selected>
				<option value="null">请选择串口</option>
				<c:forEach var="port" items="${ports }">
					<option value="${port }">${port }</option>
				</c:forEach>
			</select>
		</div>

		<div class="am-u-sm-6 am-u-md-4 am-u-lg-2" style="margin-bottom:20px;">
			<select id="select-baudRate" data-am-selected>
				<option value="null">请选择波特率</option>
				<option value="115200" selected="selected">115200</option>
			</select>
		</div>

		<div class="am-u-sm-2 am-u-md-1">
			<button id="conn-btn" class="am-btn am-btn-success">连接</button>
		</div>
		<div class="am-u-sm-2 am-u-md-1">
			<button id="find-btn" class="am-btn am-btn-secondary">查询</button>
		</div>
		<div class="am-u-sm-2 am-u-md-1 am-u-end">
			<button id="breakoff-btn" class="am-btn am-btn-default">断开</button>
		</div>

	</div>
	<div class="h-20"></div>
	
	<div class="am-g">
		<!-- log panel start -->
		<div id="log-panel" class="am-u-sm-12">
			<div class="am-panel am-panel-default">
				<div class="am-panel-hd">
					<h4 class="am-panel-title"
						data-am-collapse="{parent: '#log-panel', target: '#log-panel-by'}">
						家禽信息</h4>
				</div>
				<div id="log-panel-by" class="am-panel-collapse am-collapse am-in">
					<div class="am-panel-bd">
						<div id="log-panel-content">
							
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>

</body>
<script type="text/javascript"
	src="${rootUrl }/static/js/admin/poultry.js"></script>
</html>